<!--应急 左侧-->
<template>
    <div class="EmergencySiderLeft">
        <common-border-large width="100%" text="风险分析" height="40%">
            <CustomEmergencySiderLeftRiskAnalysis></CustomEmergencySiderLeftRiskAnalysis>
        </common-border-large>

        <common-border-large width="100%" text="隐患统计" height="100%" class="airCheck">
            <CustomEmergencySiderLeftDangerStatistics></CustomEmergencySiderLeftDangerStatistics>
        </common-border-large>

        <common-border-large width="100%" text="应急资源统计" class="airCheck">
            <CustomEmergencySiderLeftEmergencyStatistics></CustomEmergencySiderLeftEmergencyStatistics>
        </common-border-large>

        <common-border-large width="100%" text="应急演练" height="16%" class="lastDiv">
            <CustomEmergencySiderLeftEmergencyDrill></CustomEmergencySiderLeftEmergencyDrill>
        </common-border-large>
    </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.EmergencySiderLeft {
    height: 100%;
    .airCheck {
        height: 20% !important;
        margin-top: 12px;
    }
    .lastDiv {
        margin-top: 12px;
    }
}
</style>
